<!DOCTYPE html>
<html>
    <head>
        <title>Tarea #1</title>
        <meta charset="UTF-8">
        <link rel="shortcut icon" href="images/favicon.ico">
        <link rel="stylesheet" type="text/css" href="css/style.css">
    </head>
    <body>
        <div id="general">
            <div id="header">
                <div id="header_primerElemento">My Account | Cart | Checkout | Login</div>
                <div id="header_segundoElemento">
                    <img alt="logo empresa" src="images/logo.png">
                </div>
                <div id="header_tercerElemento">
                    <div id="header_tercerElemento_1">Menu item</div>
                    <div id="header_tercerElemento_2">Menu item</div>
                    <div id="header_tercerElemento_3">Menu item</div>
                    <div id="header_tercerElemento_4">Menu item</div>
                    <div id="header_tercerElemento_5">Menu item</div>
                    <div id="header_tercerElemento_6">
                        <input id="search" type="text" name="search" maxlength="1" size="10" value="search..."/><img alt="find" src="images/find.png">
                    </div>
                </div>
            </div>
            <div id="content">
                <div id="content_primerElemento">
                    <div id="content_primerElemento_1">Shop by...</div>
                    <div id="content_primerElemento_2">
                        <div id="content_primerElemento_2_1">Shopping Options</div>
                        <div id="content_primerElemento_2_2">
                            <p>
                                <br>
                                &nbsp;&nbsp;&nbsp;&nbsp;<b>Price</b> <br>
                                &nbsp;&nbsp;&nbsp;&nbsp;$0.00 - $X.00 (X) <br>
                                &nbsp;&nbsp;&nbsp;&nbsp;$X.00 - $XX.00 (X) <br>
                                &nbsp;&nbsp;&nbsp;&nbsp;$XXX.00 - $X,XXX.00 (X) <br><br>
                                &nbsp;&nbsp;&nbsp;&nbsp;<b>Category(s)</b> <br>
                                &nbsp;&nbsp;&nbsp;&nbsp;Category 1 (X) <br>
                                &nbsp;&nbsp;&nbsp;&nbsp;Category 2 (X) <br>
                                &nbsp;&nbsp;&nbsp;&nbsp;Category 3 (X) <br><br>
                                &nbsp;&nbsp;&nbsp;&nbsp;<b>Attribute(s)</b> <br>
                                &nbsp;&nbsp;&nbsp;&nbsp;Attribute 1 (X) <br>
                                &nbsp;&nbsp;&nbsp;&nbsp;Attribute 2 (X) <br>
                                &nbsp;&nbsp;&nbsp;&nbsp;Attribute 3 (X) <br><br><br>
                            </p>
                        </div>
                    </div>
                </div>
                <div id="content_segundoElemento">
                    <div id="content_segundoElemento_1">
                        <p>Home -> Category -> Category</p>
                    </div>
                    <div id="content_segundoElemento_2">
                        <div id="content_segundoElemento_2_1">Sort by&nbsp;&nbsp;&nbsp;&nbsp;</div>
                        <div id="content_segundoElemento_2_2">
                            <select>
                                <option value="">Price&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
                            </select>
                        </div>
                        <div id="content_segundoElemento_2_3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Items 1 - 8 of 12 items</div>
                        <div id="content_segundoElemento_2_4">Page 1 2 ► </div>
                        <div id="content_segundoElemento_2_5"><img alt="rss" src="images/rss.png">&nbsp;&nbsp;Subscribe to SRRFeed</div>
                    </div>
                    <div id="content_segundoElemento_3">
                        <div id="content_segundoElemento_3_1">
                            <br>
                            <img alt="cuadroDeImagen" src="images/box2.png">
                            <br>
                        </div>
                        <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Product Title Here <br> <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$XXX.00 <br> <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button type="button">Add to Cart</button> <br> <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;► Add to wishlist <br> <br>
                    </div>
                    <div id="content_segundoElemento_4">
                        <div id="content_segundoElemento_4_1">
                            <br>
                            <img alt="cuadroDeImagen" src="images/box2.png">
                            <br>
                        </div>
                        <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Product Title Here <br> <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$XXX.00 <br> <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button type="button">Add to Cart</button> <br> <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;► Add to wishlist <br> <br>
                    </div>
                    <div id="content_segundoElemento_5">
                        <div id="content_segundoElemento_5_1">
                            <br>
                            <img alt="cuadroDeImagen" src="images/box2.png">
                            <br>
                        </div>
                        <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Product Title Here <br> <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$XXX.00 <br> <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button type="button">Add to Cart</button> <br> <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;► Add to wishlist <br> <br>
                    </div>
                    <div id="content_segundoElemento_6">
                        <div id="content_segundoElemento_6_1">
                            <br>
                            <img alt="cuadroDeImagen" src="images/box2.png">
                            <br>
                        </div>
                        <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Product Title Here <br> <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$XXX.00 <br> <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button type="button">Add to Cart</button> <br> <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;► Add to wishlist <br> <br>
                    </div>
                </div>
                <div id="content_tercerElemento">
                    <div id="content_tercerElemento_1">
                        <div id="content_tercerElemento_1_1">My Cart</div>
                        <div id="content_tercerElemento_1_2">
                            <p>
                                <br>
                                &nbsp;&nbsp;&nbsp;&nbsp;There is <u>1 item</u> in your cart
                            <br>
                            </p>
                        </div>
                        <div id="content_tercerElemento_1_3">
                            <br>
                            <input id="cart" type="text" name="cart" maxlength="1" size="30" value="          Cart Subtotal: $XXX.00"/>
                        </div>
                        <div id="content_tercerElemento_1_4">
                            <p>
                                <br>
                                &nbsp;&nbsp;&nbsp;&nbsp;Recently Added Item(s)
                                <br>
                            </p>
                        </div>
                        <div id="content_tercerElemento_1_5">
                            <br>
                            &nbsp;&nbsp;&nbsp;&nbsp;<img alt="find" src="images/box1.png">
                            <br>
                        </div>
                        <div id="content_tercerElemento_1_6">
                            <br>
                            Product Title <img alt="delete" src="images/delete.png">
                            <br>
                            Here <br>
                            1 x $XX.00
                            <br>
                        </div>
                    </div>
                    <div id="content_tercerElemento_7">
                        <br>
                        <img alt="banner" src="images/banner.png">
                    </div>
                </div>
                <div id="content_cuartoElemento">
                    <div id="content_cuartoElemento_1">
                        <div id="content_cuartoElemento_1_1">
                            <img alt="cuadroDeImagen" src="images/box2.png">
                            <br>
                        </div>
                        <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Product Title Here <br> <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$XXX.00 <br> <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button type="button">Add to Cart</button> <br> <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;► Add to wishlist <br> <br>
                    </div>
                    <div id="content_cuartoElemento_2">
                        <div id="content_cuartoElemento_2_1">
                            <img alt="cuadroDeImagen" src="images/box2.png">
                            <br>
                        </div>
                        <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Product Title Here <br> <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$XXX.00 <br> <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button type="button">Add to Cart</button> <br> <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;► Add to wishlist <br> <br>
                    </div>
                    <div id="content_cuartoElemento_3">
                        <div id="content_cuartoElemento_3_1">
                            <img alt="cuadroDeImagen" src="images/box2.png">
                            <br>
                        </div>
                        <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Product Title Here <br> <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$XXX.00 <br> <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button type="button">Add to Cart</button> <br> <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;► Add to wishlist <br> <br>
                    </div>
                    <div id="content_cuartoElemento_4">
                        <div id="content_cuartoElemento_4_1">
                            <img alt="cuadroDeImagen" src="images/box2.png">
                            <br>
                        </div>
                        <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Product Title Here <br> <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$XXX.00 <br> <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button type="button">Add to Cart</button> <br> <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;► Add to wishlist <br> <br>
                    </div>
                    <div id="content_cuartoElemento_5">
                        <img alt="line" src="images/line.png">
                    </div>
                </div>
            </div>
            <div id="footer">
                <div id="footer_primerElemento">
                    <p>
                        <br>
                        Menu Item | Menu Item | Menu Item | Menu Item | Privacy Policy | Customer Service | Contact Us | My Account
                        <br>
                        © 2011 Client Name. Ut enim ad minim veniam, quis nostrud exercitation ullanco laboris nisi ut aliquip.
                        <br>
                        Addtional text and information, Duis aute irure dolor in reprehenderit in voluptate velit esse cilium.
                        <br>
                        Excepteur sin occaecat cupidatat non proidentm sint in culpa qui officia deserunt mollit laborum.
                        <br>
                    </p>
                </div>
                <div id="footer_segundoElemento">
                    <p>
                        <br>
                        Sign-up for our Newsletter
                        <br>
                        <input id="email" type="text" name="email" maxlength="1" size="17" value="Enter your email..."/>
                        <img  alt="go" src="images/go.png">
                        <br>
                    </p>
                </div>
            </div>
        </div>
    </body>
</html>
